<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>用户管理</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet"
	href="../../resources/font-awesome-4.3.0/css/font-awesome.min.css">
<!-- DataTables -->
<link rel="stylesheet"
	href="../../plugins/datatables/dataTables.bootstrap.css">
<!-- Theme style -->
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
<style type="text/css">
.padding-0 {
	padding-left: 0px;
	padding-right: 0px;
}

.padding-right-0 {
	padding-right: 0px;
}

.margin-5 {
	margin-left: 5px;
	margin-right: 5px;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.small-box-custom {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-size: 15px;
}

.small-box h3 {
	font-size: 28px;
	font-weight: bold;
	margin: 5px 0 5px 0px;
	white-space: nowrap;
	padding: 0;
}

.bg-custom {
	padding-left: 15px;
	padding-right: 15px;
}

.dashboard-panel {
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 30px;
	margin-bottom: 15px;
}

.dashboard-panel-top {
	margin-top: 30px;
}

.dashboard-panel-lr-0 { /*height:768px;
	border:1px solid transparent; */
	border-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
}

.dashboard-panel-table {
	width: 100%;
	margin-right:0px;
	background-color: #0000;
	border: 1px solid transparent;
	border-color: #fff;
	color: #fff;
	font-size:6px;
}

.dashboard-panel2 {
	width: 450px;
}

@media screen and (max-width: 1200px) {
	.dashboard-panel-table {
		width: 100%;
		font-size: 8px;
	}

}

@media screen and (min-width: 1200px) {
	
}

.titleStyle {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑',
		Arial, sans-serif
}

.subTitleStyle {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑',
		Arial, sans-serif
}

.bg-aqua {
	background-color: rgba(0, 192, 239, 0.60) !important;
}

.bg-red {
	background-color: rgba(221, 75, 57, 0.60) !important;
}

.bg-orange {
	background-color: rgba(255, 133, 27, 0.60) !important;
}

.bg-lime {
	background-color: rgba(1, 255, 112, 0.60) !important;
}

.bg-yellow {
	background-color: rgba(243, 156, 18, 0.60) !important;
}

.bg-green {
	background-color: rgba(0, 166, 90, 0.60) !important;
}

.bg-teal {
	background-color: rgba(57, 204, 204, 0.60) !important;
}
</style>
</head>

<body
	style="background-color: #000; font-color: #000; background-image: url(bg.jpg); background-repeat: no-repeat;background-size: 1366px 768px">

	<div>
		<div class="bg-custom">
			<div class="col-md-4 col-lg-4 padding-right-0">
				<div class="row dashboard-panel">
					<div class="col-xs-11" style="padding-left: 0;">
						<div class="row">
							<lable class="titleStyle">业务指标监控</lable>
							<br />
							<lable class="subTitleStyle">最后更新时间：2016-5-6 12:30:44</lable>
						</div>
						<div class="row">
							<div class="col-xs-6 small-box small-box-custom bg-aqua">

								<h3>1,500,000</h3>

								<a href="#" class="small-box-footer">Page View点击量 </a>
							</div>
							<div class="col-xs-6 small-box small-box-custom bg-red ">
								<h3>1,000,000</h3>
								<a href="#" class="small-box-footer"> Unique Visitor访问数</a>
							</div>

						</div>
						<div class="row">
							<div class="col-xs-6 small-box small-box-custom bg-orange">
								<h3>1,000</h3>
								<a href="#" class="small-box-footer"> 接入KU的用户数 </a>
							</div>
							<div class="col-xs-6 small-box small-box-custom bg-lime">
								<h3>5,000</h3>
								<a href="#" class="small-box-footer"> 接入WIFI的用户数 </a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-12 small-box small-box-custom bg-yellow ">
								<h3>600,000</h3>
								<a href="#" class="small-box-footer"> 人（设备）接入次数 </a>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 small-box small-box-custom bg-green ">
								<h3>2700秒</h3>
								<a href="#" class="small-box-footer"> 日均使用时长</a>
							</div>
							<div class="col-xs-6 small-box small-box-custom bg-teal ">
								<h3>3400秒</h3>
								<a href="#" class="small-box-footer"> 次均使用时间 </a>
							</div>
						</div>

					</div>

				</div>
				<div class="row dashboard-panel dashboard-panel-top ">
					<div>
						<div class="row dashboard-panel-title">
							<lable class="titleStyle">航班动态</lable>
							<br />
							<lable class="subTitleStyle">最后更新时间：2016-5-6 12:30:44</lable>
						</div>
						<div class="row dashboard-panel-table">
							<table class="table ">
								<tr class="bg-red">
									<th>航班号</th>
									<th>线路</th>
									
									<th>起飞时间</th>
									<th>到达时间</th>
									<th>详情</th>

								</tr>
								<tr>
									<td>AC3100</td>
									<td>北京-广州</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
									<td>详情</td>

								</tr>
								<tr>
									<td>BO3000</td>
									<td>北京-兰州</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
	                                <td>详情</td>
								</tr>
								<tr>
									<td>FC3800</td>
									<td>北京-内蒙</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
									<td>详情</td>
								</tr>
								<tr>
									<td>BC9000</td>
									<td>北京-上海</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
	<td>详情</td>
								</tr>
								<tr>
									<td>BR4800</td>
									<td>北京-杭州</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
<td>详情</td>
								</tr>
								<tr>
									<td>BZ3810</td>
									<td>北京-昆明</td>
									
									<td>10:00 PM</td>
									<td>12:00 PM</td>
<td>详情</td>
								</tr>

							</table>
						</div>

					</div>
				</div>

			</div>
			<div class="col-md-5 col-lg-5 padding-0">
				<div class="row-fulid dashboard-panel-lr-0" style="margin-top: 30px">
					<div id="main4" style="height: 400px;"></div>
					<div id="main5" class="dashboard-panel-top " style="height: 240px;"></div>
				</div>

			</div>
			<div class="col-md-3 col-lg-3 padding-0">
				<div class="row-fulid dashboard-panel-lr-0" style="margin-top: 30px">

					<div id="main9" style="height: 230px;"></div>
					<div id="main6" style="height: 230px;"></div>
					<div id="main8" style="height: 230px;"></div>

				</div>
			</div>
		</div>


	</div>


	<!-- ./wrapper -->

	<!-- jQuery 2.1.4 -->
	<script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<!-- Bootstrap 3.3.5 -->
	<script src="../../bootstrap/js/bootstrap.min.js"></script>
	<!-- DataTables -->
	<script src="../../plugins/echarts-2.2.7/build/dist/echarts.js"></script>	
	

	<script src="../../plugins/common/dashboard-mapdata.js"></script>
	<script src="../../plugins/common/dashboard-circle.js"></script>
	<script src="../../plugins/common/dashboard-line.js"></script>
	<script src="../../plugins/common/dashboard-bar.js"></script>
	<script src="../../plugins/common/dashboard-watch.js"></script>

	<!-- page script -->
	<script type="text/javascript">
		var echarts = null;
		var echartsTheme = "default";
		
		require.config({
			paths : {
				echarts : '../../plugins/echarts-2.2.7/build/dist'
			}
		});
		require([ 'echarts', 'echarts/chart/line', 'echarts/chart/pie',
				'echarts/chart/map', 'echarts/chart/bar' ], function(ec) {
			echarts = ec;
			var map = createMap("main4");
			var circleChart = createCircle("main5");
			var lineChart = createLine("main6");
			var barChart = createBar("main8");
			var watchChart = createWatch("main9");

			$(window).resize(function() {
				map.resize();
				circleChart.resize();
				barChart.resize();
				lineChart.resize();
				watchChart.resize();

			});
		});
	</script>
	<script src="../../plugins/common/dashboard-mapdata.js"></script>
	<script src="../../plugins/common/dashboard-circle.js"></script>
	<script src="../../plugins/common/dashboard-line.js"></script>
	<script src="../../plugins/common/dashboard-bar.js"></script>
	<script src="../../plugins/common/dashboard-watch.js"></script>

	<script type="text/javascript">
		
	</script>

</body>
</html>
